<template>
  <view class="list-col-box">
    <u-icon name="arrow-right" class="arrow-icon" size="16" color="#999"></u-icon>
    <slot></slot>
  </view>
</template>

<script>
export default {
  name: "ListCol"
}
</script>

<style scoped lang="scss">
.list-col-box{
  padding: 30rpx 64rpx 30rpx 32rpx;
  width: 100%;
  position: relative;
  margin-bottom: 30rpx;
  background: #fff;
  border-radius: 12rpx;
  .arrow-icon{
    position: absolute;
    right: 32rpx;
    top: 50%;
    transform: translateY(-50%);
  }
}

</style>
